<template>
  <div class="ten_box">
    <m-header modile-title="运动粒子" go-back="true"></m-header>
    <div class="lianxi15">
      <!--color：粒子颜色；particleOpacity：粒子透明度；particlesNumber:粒子数量
      shapeType：粒子的类型；particleSize：粒子的大小；linesColor：线条颜色
      lineOpacity：线条透明度；linesDistance:线条距离；moveSpeed：粒子运动速度
      hoverEffect：是否有hover特效；hoverMode：可用的hover模式有grab,repulse,bubble
      clickEffect:是否有click特效；clickMode：可用的click模式有push,remove,repulse-->
      <vue-particles
        color="#fff"
        :particleOpacity="0.4"
        :particlesNumber="40"
        shapeType="star"
        :particleSize="6"
        linesColor="#fff"
        :linesWidth="1"
        :lineLinked="true"
        :lineOpacity="0.4"
        :linesDistance="150"
        :moveSpeed="2"
        :hoverEffect="true"
        hoverMode="grab"
        :clickEffect="true"
        clickMode="push"
        class="lizi"
      >
      </vue-particles>
    </div>
  </div>
</template>
<style lang="scss">
  .ten_box {
    padding-top: 60px;
    .lianxi15 {
      width: 100%;
      background: #000;
    }
  }
</style>
<script>
  import mHeader from '../../../../components/header'

  export default {
    data() {
      return {
        imgs: [
          {
            url: 'https://goss1.vcg.com/creative/vcg/400/version23/VCG41557044857.jpg',
            title: 'pic1'
          },
          {
            url: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=840435421,1007064748&fm=27&gp=0.jpg',
            title: 'pic2'
          }
        ]
      }
    },
    created() {
      //  目标对象
      var target = {a: 1, b: 1};
      // 源对象
      var source = {b: 2, c: 2};
      var source2 = {c: 3};
      // 合并多个对象
      console.log(Object.assign(target, source, source2)) // a:1,b:2,c:3
    },
    methods: {},
    components: {
      mHeader
    }
  }
</script>
